<template>
  <div class="component">组件代码</div>
</template>

<script>
import {VueExtend} from 'godspen-lib'
// import Tool from '../script/tool'
import Props from '../script/props'
import { name as comName } from '../package.json'
// 公共相关mixin
// import MixinCommon from '../script/mixin-common'
// 请求相关mixin
// import MixinAxios from '../script/mixin-axios'
// 活动角色mixin
// import MixinActor from '../script/mixin-actor'
export default {
  mixins: [VueExtend.mixin],
  name: comName,
  label: process.env.LABEL,
  style: process.env.STYLE,
  stack: null, // 是否是堆叠模式 ，false：孩子元素会按楼层一个个向下排布， true: 孩子元素绝对定位，随意放置位置
  childLimit: 9999,  // 孩子元素最大限制数
  leaf: false, // 是否是叶子节点，为true的时候该节点下面不能添加节点
  props: Props,
  components: {},
  data () {
    return {
      // 应用名称
      appName: '',
      // 是否在编辑器环境
      isEditor: false,
    }
  },
  watch: {},
  computed: {},
  editorMethods: {},
  async created () {
    // 处理props的方法this指向问题
    for (let key in this.$props) {
      if (this.$props[key].type == 'Function') {
        this.$props[key].default = this.$props[key].default.bind(this)
      }
    }
    // 判断是否为编辑模式
    if (window.EDIT_TYPE && /edit[oe]r/i.test(window.EDIT_TYPE)) {
      this.isEditor = true
    }
  },
  mounted () {
    // 组件加载完成后处理
    window.EMA.bind('global:node-mounted', () => {})
  },
  methods: {
  }
}
</script>

<style lang="scss" scoped>
.component {
  width: 100%;
  height: 100%;
}
</style>
